<!DOCTYPE html>
<meta charset="utf-8">
<title>font-size: math treated as medium in disconnected canvas (reference)</title>
<body>
</body>
<script>
var d = new Document();
var c = d.createElementNS("http://www.w3.org/1999/xhtml", "canvas");
var ctx = c.getContext("2d");
ctx.font = `medium serif`;
ctx.fillText("Hello World!", 5, c.height / 2);
c.toBlob((blob) => {
  var img = document.createElement("img");
  const url = URL.createObjectURL(blob);
  img.src = url;
  img.style.border = "3px solid cyan";
  document.body.appendChild(img);
});
</script>
